一覧に戻る

Windows版Visual Studio CodeとWSLの連携手順について

#Windows#Linux#開発環境#VSCode#WSL

概要

  • Windows版のVSCodeでWSLをシームレスに連携する手順の記事です
  • もはやmacOSと差がなさそう、Windowsでもストレスフリーに開発出来る

はじめに

プログラミングと言えばmacOSだと思っていましたが、どうやら最近は違うようで、WSLというのが誕生しWindowsでもLinuxシェルが使えると。 具体的にmacOSがプログラミング向きである理由は正直よくわからんというところですが、確かに同じシェルが使えれば開発環境として問題なさそうです。 VSCodeと組み合わせられればもうWindowsだけでよくなっちゃうな、ということで試した手順をまとめました。

前提

  • Pythonスクリプトをよく書きます、あとフロントでVueを書いたりします、そんなエンジニア目線の記事です
  • 他所で紹介されている手順だと、ストアのものとはと別のWSLと連携していたりしますが、本手順なら、ストアのものと同一のWSLをVSCodeでシームレスに使えるようになります

VSCodeとWSL連携

  • アプリストアでubuntuをダウンロード・インストール
  • VSCodeの左下の歯車からSettingsを開き Terminal › Integrated › Automation Shell: Windows などから開けるsettings.jsonに以下の行を追加し保存する

"terminal.integrated.shellArgs.windows": ["wsl"], こちらは非推奨になりました

"terminal.integrated.defaultProfile.windows": "Ubuntu-18.04 (WSL)",

インストールしているubuntuのバージョンによって記述が変化するはず（不正な入力ならGUIで注釈が出ます）

おわりに

以上の手順で、VSCodeのシェルを起動すると自動的にWSLが立ち上がるようになりました。カレントディレクトリもよしなに初期設定してくれます。これが実現したので、もはや開発環境においてmacOSの優位性というのはあるのかどうなのか。